<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>点亮灯泡</title>
</head>
<body>

<script>
    function changeImage()
    {
        element=document.getElementById('myimage')
        if (element.src.match("bulbon"))
            element.src="pic_bulboff.gif";
        else
            element.src="pic_bulbon.gif";

    }
</script>
<img id="myimage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<p>点击图片就可以打开或关闭这盏灯</p>
<button type="button" style="width: 500px;height: 500px" onclick="changeImage()">点击</button>

</body>
</html>